﻿/*************************************************GLOBALS***/
* { word-break: break-all; word-wrap: break-word; }
body, th, td, input, select, textarea, button { font: 12px/1.5em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif,"宋体"; color:#333; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }
.blank8 {clear:both;font-size:1px;height:8px;line-height:8px;margin:0px;size:1px;}
.blank10 {clear:both;font-size:1px;height:10px;line-height:10px;margin:0px;size:1px;}
.blank12 {clear:both;font-size:1px;height:12px;line-height:12px;margin:0px;size:1px;}
.blank35 {clear:both;font-size:1px;height:35px;line-height:35px;margin:0px;size:1px;}

.bf9{ background:#f9f9f9;}
.borg{background:#FFF7E6}

a { color: #2C629E; text-decoration: none;}
a:hover { text-decoration: underline; }
a img { border: none; }

#wrap .personnal .tabs_header{z-index:98;}

.blocklink a { padding-left: 0.5em; line-height: 2em; display: block; }
  .blocklink a:hover { background: #2C629E; color: #FFF; text-decoration: none; }
  .blocklink .active a { color: #333; font-weight: bold; }

caption, th { text-align: left; }
  caption { font-size: 14px; font-weight: bold; }
  caption p { font-weight: normal; }

.avatar48{overflow:hidden;width:60px;height:67px;padding:0;background-position:0 -112px;text-align:center;}
.avatar48 img{width:48px;height:48px;padding-top:4px;}

.threadimg60 { padding: 5px 0 0 5px; width: 67px; height: 67px; background: url(image/60_threadimg_bg.gif) no-repeat; }
    .threadimg60 img { width: 60px; height: 60px; }
	
.online_icon_p { padding: 0 0 0 10px; width: auto; background: url(image/online_icon.gif) no-repeat left center; text-align: left; }

.gray { color: #999; }
    .gray a { color: #999; }

.face { margin: 0 1px; vertical-align: middle; }
.r_option { float: right; font-size: 12px; font-weight: normal; }
    .r_option .active { font-weight: bold; }
.clear, .s_clear { clear: both;}
.tracebutton { width: 69px; height: 28px; background: #EAEBFD url(image/trace.gif) no-repeat scroll 0 0; line-height: 28px; text-indent: 23px; text-align: left; display: block; }
.a_top, .a_share, .a_rss { float: right; margin-left: 4px; padding: 0 18px 0 5px; width: 25px; height: 15px; border: 1px solid #7F93BC; background: #FFF none no-repeat scroll right top; line-height: 15px; overflow: hidden; display: inline; }
    .a_top:hover, .a_share:hover, .a_rss:hover { background-color: #576EA5; background-position: 100% -20px; color: #FFF; text-decoration: none; }
.a_share { background-image: url(image/share.gif); }
.time { color: #999; }
a.c_edit { position: absolute; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat; line-height: 300px; top: 0.5em; right: 2em; overflow: hidden; display: block; }
a.c_delete { position: absolute; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -16px; line-height: 300px; top: 0.5em; right: 0.5em; overflow: hidden; display: block; }
  .float_cancel { float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -14px; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }
  .float_delete { float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(image/settingicon.gif) no-repeat 0 -31px; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }

/*avatar bg*/
.ar_r_t { float: left; background: #FFF url(image/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { padding: 5px 0 0; background: url(image/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(image/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { padding: 0 12px 12px 5px; background: url(image/avatar_bg.gif) no-repeat left bottom; }
/*yellow radius*/
.ye_r_t { width: 100%; background: url(image/yel_bg.gif) no-repeat right top; }
  .ye_l_t { padding: 5px 0 0; background: url(image/yel_bg.gif) no-repeat left top; }
    .ye_r_b { background: url(image/yel_bg.gif) no-repeat right bottom; }
      .ye_l_b { padding: 0 5px 5px; background: url(image/yel_bg.gif) no-repeat left bottom; }



#sidebar .ye_r_t { width: 100%; background: url(image/side_bg.gif) no-repeat right top; }
  #sidebar .ye_l_t { padding: 5px 0 0; background: url(image/side_bg.gif) no-repeat left top; }
    #sidebar .ye_r_b { background: url(image/side_bg.gif) no-repeat right bottom; }
      #sidebar .ye_l_b { padding: 0 5px 5px; background: url(image/side_bg.gif) no-repeat left bottom; }


/*index right side radius*/
.side_r_t{ width: 100%; background: url(image/side_bg.gif) no-repeat right top;margin:0 0 10px 0 }
  .side_l_t {  padding: 2px 0 0; background: url(image/side_bg.gif) no-repeat left top; }
    .side_r_b { background: url(image/side_bg.gif) no-repeat right bottom; }
      .side_l_b { padding: 0 2px 2px; background: url(image/side_bg.gif) no-repeat left bottom ;  }


.gre_r_t { width: 100%; background: url(image/gre_bg.gif) no-repeat right top; }
  .gre_l_t { padding: 5px 0 0; background: url(image/gre_bg.gif) no-repeat left top; }
    .gre_r_b { background: url(image/gre_bg.gif) no-repeat right bottom; }
      .gre_l_b { padding: 0 5px 5px ; background: url(image/gre_bg.gif) no-repeat left bottom; }

.org_r_t { width: 100%; background: url(image/org_bg.gif) no-repeat right top; }
  .org_l_t { padding: 5px 0 0; background: url(image/org_bg.gif) no-repeat left top; }
    .org_r_b { background: url(image/org_bg.gif) no-repeat right bottom; }
      .org_l_b { padding: 0 5px 5px; background: url(image/org_bg.gif) no-repeat left bottom; }

#narrow .searchfirend {background:#FDF3D8 none repeat scroll 0% 0%; margin:0 0 12px;}
#narrow .searchfirend p{ color:#896c44;}
#narrow .searchfirend form{ padding:4px 0 7px 0;}

.ybg { margin-bottom: 2px; padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6; }
    .ybg table { width: 100%; }
.nn { position: absolute; padding: 10px; width: 970px; border: 1px solid #EBE6C9; background: #FCF9E6; color: red; font-size: 14px; font-weight: bold; z-index: 100; top: 50px; text-align: center; }
  .nn a { margin: 0 10px; }

#div_main { clear: both; }

body { background: #FFF; }
#wrap, .wrap { margin: 0 auto; width: 970px;}
#ad_header { margin: 0 auto; padding: 1px; width: 966px; background: #FCF9E6; border: 1px solid #FF8E00; line-height:150%; }
    #ad_header a{ color: #000; }

/*************************************************orange HEADER***/
/*#header_orange{ margin: 0 auto; margin-bottom:10px;width:970px;}
.nav_orange { margin: 0; padding:0 ;color: #FFF;  height:51px; background: #ffffff url(image/navoragebg.gif) no-repeat; }
	#header_orange .logo{ margin: 10px 30px 3px 10px;  }*/


.headeriami{ margin:0 auto; height:38px; width:970px;padding:8px 0 5px 0;overflow:hidden;zoom:1; clear:both;}
.headeriami .logo{ float:left; padding-left:8px; }
.searh{float:right; margin-top:8px;}
	.searh span.gray a:hover{ color:#ec4808;}
.headeriami .bntsearh{ height:20px; width:54px; background:url(../../image/new_web/bntsearh.gif) no-repeat; border:0px;cursor: pointer; float:left; margin:0 0 0 8px;}
.headeriami span.gray{ padding-right:30px;}

/*.naviami {background:transparent url(../../image/new_web/navoragebg.gif) repeat-x 0 0;height:43px;margin:auto;width:100%;}
.naviami_con{ width:970px; margin:0 auto;}
.naviami .nav ul{ list-style:none; padding:0px; margin:0px; padding-top:4px; margin-left:34px}
.naviami .nav li{ float:left; display:inline; text-align:center;}
.naviami .nav li a {color:#FFFFFF;display:inline;float:left;font-size:14px;height:39px;line-height:33px;padding-left:15px;width:39px; font-weight:700;}
.naviami .navhover {background:transparent url(../../image/new_web/navhover.gif) no-repeat center bottom;width:86px;
display:inline; color:#333333; font-weight:bold;text-align:center; height:39px; width:64px; font-size:14px; line-height:33px}
.naviami .navline{ float:left; width:2px; background:transparent url(../../image/new_web/navline.gif) no-repeat 0 bottom; height:39px; margin:0 0 0 5px;}*/
.userinfo{ float:right; color:#FFF; height:30px;  line-height:30px;padding-top:4px;}
.userinfo img{ border:#fff 2px solid; float:left; margin-right:10px; margin-top:4px}
.userinfo a{ color:#FFFF9A;}





#header_orange{*position:relative;*z-index:49;background:transparent url(../../image/new_web/navoragebg.gif) repeat-x 0 0;height:43px;margin:0 0 9px 0;width:100%;}
.nav_orange{width:970px;margin:0 auto;zoom:1;}
.nav_orange:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	
	
.menu_orange{float: left; overflow:visible;height: 39px; font-size: 14px; font-weight:normal;margin:0 0 0 10px; display:inline; padding:4px 0 0 0;}
.menu_orange:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
  .menu_orange li {position:relative; overflow:visible;float: left; display:block; margin:0 0 0 0; line-height:32px;}
  .menu_orange li a span{position:relative;}
  .menu_orange li a span em{position:absolute;top:-6px;left:37px;width:17px;height:16px;text-align:center;line-height:14px;font-size:12px;color:#fff;font-weight:normal;display:-moz-inline-box;display:inline-block;*overflow:hidden;border:none;font-family:Simsun;vertical-align:middle;background:url(../../image/new_web/notice.gif) no-repeat 0 0;}
  .menu_orange li a.active span em,.menu_orange li a:hover span em{position:absolute;top:-6px;left:37px;margin:0;padding:0;}
  .menu_orange .navline{ float:left; width:2px; background:transparent url(../../image/new_web/navline.gif) no-repeat 0 bottom; height:39px; margin:0 0 0 0;}
  .menu_orange  a{color:#fff;font-weight:bold;}
  .menu a:hover{ color:#333;}
  .menu_orange  a{display:block; float:left; height:39px; padding:0 0 0 18px; cursor:pointer;}
  .menu_orange  a span{display:block; height:39px;padding:0 0 0 0 ; float:left;}
  .menu_orange  a.active,.menu_orange  a:hover{background:transparent url(../../image/new_web/navhover.gif) no-repeat left bottom; display:block; float:left; height:39px; padding:0 0 0 13px; margin:0 0 0 5px;color:#333; display:inline;text-decoration:none;}
  .menu_orange  a.active span,.menu_orange  a:hover span{background:transparent url(../../image/new_web/navhover.gif) no-repeat right bottom; display:block; height:39px;padding:0 13px 0 0 ; float:left;}
  .menu_orange li div{position:absolute;left:0!important;top:34px!important;border:none!important;z-index:99;}
  .menu_orange li ul{position:absolute;left:0!important;top:34px!important;z-index:2;border:2px solid #EBE6C9;background:#FFF;}
  .menu_orange li div ul{top:0!important;}
  .menu_orange li iframe{position:absolute;left:0;top:0;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
  .menu_orange li ul li{height:14px;line-height:14px;}
#appmenu{position:absolute;left:0!important;top:34px!important;z-index:99;width:150px;border:2px solid #EBE6C9;background:#FFF;}
#appmenu li{display:block;zoom:1;float:none;height:auto;padding:2px 2px 7px 2px;background:#FFF;color:#333;font-size:12px;line-height:16px;}
#appmenu li ol{zoom:1;overflow:hidden;margin:0;padding:0;background:#FFF;}
#appmenu li li{position:static;zoom:1;overflow:hidden;padding:4px 0;background:#FFF;}
#appmenu li li img{width:16px;height:16px;margin:0 20px;vertical-align:middle;}
#appmenu li li:hover,#appmenu li li.over{background:#ecf1f5;}
#appmenu li a{display:inline;float:none;color:#333;font-weight:normal;}
#appmenu li li a{color:#666;}
#appmenu li .hand-ico{height:22px;padding-left:22px;background:url(gskin/g_split.png) -192px -310px no-repeat;font-weight:normal;line-height:22px;}
#appmenu li .manage-btn{height:14px;padding-left:22px;background:url(gskin/c_split.png) -130px -140px no-repeat;color:#C00;line-height:14px;}
#appmenu li .view-btn{height:14px;padding-left:22px;background:url(gskin/c_split.png) -130px -124px no-repeat;line-height:14px;}
  
  
	.menu_orange .edit { float: left; display:block;padding-left: 4px; color: #CCC; font-size: 12px; font-weight: normal; }
	.menu_orange .drop {background:transparent url(../../image/new_web/nav_drop.gif) 2px 10px  no-repeat; cursor:pointer; text-decoration:none;padding:8px 5px  }
	.menu_orange .drop:hover{ text-decoration:none; background:transparent url(../../image/new_web/nav_drop.gif) 2px 10px  no-repeat;padding:8px 5px ; margin:0;}
	.menu_orange ul li {display:inline;position:static;overflow:hidden;margin:0;padding:0;line-height:18px;}
	.menu_orange ul li a{ display:inline; height:14px; background:none; margin:0; padding:0;}
	.menu_orange ul li a:hover{ display:inline; height:14px; background:none; margin:0; padding:0;text-decoration: underline;}
	
	
.nav_orange	.nav_account{ margin:0; color:#fff; width:210px;}	
	.nav_orange	.nav_account a{color:#fff}	
	.nav_orange .login_thumb{ float: left; margin: 6px 10px 0 0; padding: 0px; border:#fff 2px solid; display: block; display:inline}
/*2009-02-17*/	


/*************************************************HEADER***/
#header{margin:0 auto 20px auto;width:1002px;}  
.headerwarp { margin: 0; padding:0 0px 0 30px;color: #FFF;  height: 46px; background: #ffffff url(image/header_bg.gif) no-repeat; }
    .headerwarp a { color: #FFF;}
      .headerwarp .logo { float: left; margin: 0 30px 0 0; }

.menu { float: left; height: 40px; font-size: 14px; font-weight: bold; line-height:40px; display:inline; padding-left:0}
  .menu  a.active,.menu a:hover{ color:#ff9b00;text-decoration:none;}
  .menu ul a:hover{text-decoration:underline;}
  .menu li {display:inline;position:relative;z-index:99;float:left;padding:10px 8px 10px 10px;line-height:20px;}
  .menu li a span{position:relative;}
  .menu li a span em{position:absolute;top:-9px;left:48px;width:17px;height:16px;text-align:center;line-height:14px;font-size:12px;color:#fff;font-style:normal;font-weight:normal;display:-moz-inline-box;display:inline-block;*overflow:hidden;border:none;font-family:Simsun;vertical-align:middle;background:url(../../image/new_web/notice.gif) no-repeat 0 0;}
  .menu li a.active span em,.menu li a:hover span em{position:absolute;top:-9px;left:48px;margin:0;padding:0;}
	.menu .gray{font-weight:normal;}
	.menu .edit { padding-left: 4px; color: #CCC; font-size: 12px; font-weight: normal; }
	.menu .drop {background:transparent url(image/nav_drop.png) 0 0  no-repeat; cursor:pointer; text-decoration:none;display:-moz-inline-box;display:inline-block;padding:6px;font-family:Simsun;overflow:hidden;line-height:0;font-size:0;  }
	.menu .drop:hover{ text-decoration:none;}
	.submenu { display: none; position: absolute; margin-top: 11px; padding: 5px 0; width: 130px; border: solid #999; border-width: 0 1px 1px; background: #FFF; z-index: 9999; }
					.submenu li { display: inline; }
						.submenu a { display: block; padding: 3px 0; width: 100%; text-indent: 10px; }
							.submenu a:hover { background: #3F7CCC; color: #FFF; text-decoration: none; }
							.submenu .line a { border-top: 1px solid #F5F5F5; }

.nav_account{float:right;width:215px;color:#999;font-family:Verdana;}
.nav_account span{ padding-top:10px}
.nav_account a{ color:#999;}
  .login_thumb { float: left; margin: 6px 6px 0 0; padding: 0px; border:2px solid #fff; display: block; display:inline}
 /* 20090113 */ 
  .newinfo { position:absolute; left: -110px; top: 8px } /* Moz */
 * html .newinfo { position:absolute; left: -114px; top:8px } /* IE6 */
 *+html .newinfo { position:absolute; left: -110px;  top:8px } /* IE7 */
  
  .login_thumb img{width:25px; height:25px;}
    li.notify { margin: 9px 0 0; padding: 0 0 0 4px; width: 72px; height: 21px; background: url(image/noticebg.gif) no-repeat; color: #FF9C00; font-size: 12px; font-weight: normal; }
	li.notify  a{color: #FF9C00;}
	 div.notify { margin: 9px 0 0; padding: 0 0 0 4px; width: 72px; height: 21px; background: url(image/noticebg.gif) no-repeat; color: #FF9C00; font-size: 12px; font-weight: normal; float:right; text-align:left }
	div.notify  a{color: #FF9C00;}
.menu li.ucmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; background: url(image/triangle.gif) no-repeat right center; }
  .menu li.ucmenu a { vertical-align: super;}
  #ucmenu { position: absolute; width: 80px; border: 2px solid #EBE6C9; background: #FFF; z-index: 200; }
    #ucmenu * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenu li { padding: 5px 10px; line-height:20px; }
        #ucmenu li a { color: #2C629E; font-size: 12px; font-weight: normal; }
  
  #ucmenunetwork { position: absolute; width: 80px; border: 2px solid #EBE6C9; background: #FFF; z-index: 200; }
    #ucmenunetwork * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenunetwork li { padding: 5px 10px; }
        #ucmenunetwork li a { color: #2C629E; font-size: 12px; font-weight: normal; }
        
  #ucmenunetmtag { position: absolute; width: 80px; border: 2px solid #EBE6C9; background: #FFF; z-index: 200; }
    #ucmenunetmtag * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenunetmtag li { padding: 5px 10px; }
        #ucmenunetmtag li a { color: #2C629E; font-size: 12px; font-weight: normal; }
        
  #ucmenunetfridend { position: absolute; width: 80px; border: 2px solid #EBE6C9; background: #FFF; z-index: 200; }
    #ucmenunetfridend * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenunetfridend li { padding: 5px 10px; }
        #ucmenunetfridend li a { color: #2C629E; font-size: 12px; font-weight: normal; }

#main{margin:0 0 20px;overflow:hidden;width:100%;}

/*************************************************APP SIDEBAR***/
/*#app_sidebar { float: left; margin: 0 20px 0 0; padding: 10px 0 0; width: 140px; background: url(image/appSidebar_top_bg.gif) no-repeat 0 0; font-size: 14px; }
  .app_list { margin: 0 ; padding: 5px 5px 0 10px; overflow: hidden; background: transparent url(image/appList_bg.gif) no-repeat; min-height:428px; }
    .app_list li { position: relative; margin: 0 0 12px; width: 110px; height: 20px; line-height: 21px; overflow: hidden; }
      .app_list li img { margin: 0 11px 0 0; vertical-align: middle; }
	  .app_list li a{color: #896c44}
      .app_list em { position: absolute; font-size: 12px; font-style: normal; font-weight: normal; right: 0px; }
      .app_list em a { color: #999; }
  .app_m { padding: 10px 0 0 20px; font-size: 12px; font-weight: normal; }
    .app_m li img { margin: 0 5px 0 0; vertical-align: middle; }
  .app_more { margin: 0 10px 0 10px; padding: 5px; border-bottom: 1px solid #F2F2F2; text-align: right; }
    .app_more a { padding: 0 0 0 12px; background: url(image/tri.gif) no-repeat; color: #999; font-size: 12px; font-weight: normal; }
      .app_more a.off { background-position: 0 50%; }
      .app_more a.on { background-position: -100px 50%; }*/
	  
/*************************************************APP SIDEBAR***/

#app_sidebar{float:left;font-size:12px;margin:0 8px 0 0;padding:0;width:152px;}
.app_list{background:transparent url(../../image/new_web/app_mid.gif) repeat-y 0 0;margin:0 auto;overflow:hidden;padding:0; width:152px;}
.app_list h1{background:transparent url(../../image/new_web/app_title.gif) no-repeat 0 0; height:32px; text-indent:-999em;}
.app_list .app_bot{background:transparent url(../../image/new_web/app_bot.gif) no-repeat 0 0;clear:both; font-size:0;height:3px;overflow:hidden;}
.app_list .app_top{background:transparent url(../../image/new_web/app_top.gif) no-repeat 0 0;clear:both; font-size:0;height:3px;overflow:hidden;}
.app_list ul{margin:5px 0 10px 0;}
    .app_list li {padding:0 0 0 9px; margin:0; height: 22px; line-height: 22px; overflow: hidden; position:relative; }
    .app_list li.line{ font-size:0; height:1px; line-height:1px; overflow:hidden; border-top:1px solid #FDD9B9; margin:10px 0;} 
	  .app_list li img { margin: 0 10px 0 0;}
	  .app_list li a{color: #333}
	  .app_list li a:hover{color:#E84907;}
      .app_list em { font-size: 12px; font-style: normal; font-weight: normal;position: absolute;top:0;right:40px; marign-top:0;*margin-top:2px!important;*margin-top:-2px;}
      .app_list em a { color: #666;}
	  .app_list em a:hover{ color: #333;}
	.app_list li.app_sub{ padding:0 0 0 30px;}
	.app_list li.app_act{ padding:0 0 0 42px; margin:10px 0 0 0;}
		.app_list li.app_act img{ margin:0 2px 0 11px;}
		.app_list li.app_act a{color: #636363}
	  
  .app_m { padding: 10px 0 0 20px; font-size: 12px; font-weight: normal; }
    .app_m li img { margin: 0 5px 0 0; vertical-align: middle; }
  .app_more { margin: 0 10px 0 10px; padding: 5px; border-bottom: 1px solid #F2F2F2; text-align: right; }
    .app_more a { padding: 0 0 0 12px; background: url(image/tri.gif) no-repeat; color: #999; font-size: 12px; font-weight: normal; }
      .app_more a.off { background-position: 0 50%; }
      .app_more a.on { background-position: -100px 50%; }
	  
.app_weather{background:transparent url(../../image/new_web/app_mid.gif) repeat-y 0 0;margin:0 auto;overflow:hidden;padding:0; width:152px; margin-top:4px;}
.app_weather h1{background:transparent url(../../image/new_web/app_title2.gif) no-repeat 0 0; height:28px; text-indent:-999em;}
.app_weather .app_bot{background:transparent url(../../image/new_web/app_bot2.gif) no-repeat 0 0;clear:both; font-size:0;height:3px;overflow:hidden;}
.app_weather .PicList{background:#FDEECC url(../../image/new_web/app_mid2.gif) repeat-x 0 0; margin:0 1px; padding-bottom:3px;}
.app_weather .Pic{background:transparent url(../../image/new_web/app_weatherbg.gif) no-repeat 0 0; width:138px; height:92px; margin:0 5px; color:#fff; padding-left:5px;}
.app_weather .Pic_weather{ clear:both; height:34px;position:relative;}
.app_weather .city{ border:1px solid #E6B798; width:30px; background:#fff; position:absolute; z-index:50; left:28px; top:25px; padding-left:5px;}
.app_weather .Pic span{margin-top:7px; float:left;}
.app_weather .Pic a{ color:#E6B798}
.app_weather .List{background:transparent url(../../image/new_web/app_weatherbg2.gif) no-repeat 0 0; width:131px; height:54px; margin:6px auto 0 auto; color:#8C8A87; line-height:18px; padding:0 0 0 6px;}

.app_help{ margin-top:8px;}

	  
  #my_userapp { border-top: 1px solid #F2F2F2; }
  #mainarea { float: left; width: 810px; overflow: hidden; }
#mainarea .subframe{min-height:900px;_height:900px;}

#content{overflow:hidden;float:left;width:540px;margin:0 10px 0 0;padding:10px 0 30px;}
#face img{vertical-align:top;}

/*************************************************COMPOSER***/
.composer_header { margin: 0; }
    .ar_r_t { margin: 0 15px 0 0; overflow: hidden; }
	.ar_r_t img{ width:120px; height:120px;}
    .composer { padding: 0 10px 10px 0px; overflow: hidden; }
    .index_name { color: #000; font-size: 14px; line-height: 30px; }
      .index_name em { font-style: normal; font-weight: normal; }
    .current_status { padding: 0; color: #666; }
    .setting_status { width: 16px; height: 16px; background: url(image/spanner.gif) no-repeat; line-height: 200px; vertical-align: middle; overflow: hidden; display: inline-block; }
    .u_setting { width: 150px; overflow: hidden; }
      .u_setting li { float: left; padding: 5px 20px 5px 0; }
    .mgs_list { width: 100%; overflow: hidden; clear: both; }
     .mgs_list .mgs_item { float: left; margin: 0 10px 5px 0; /*padding: 3px 5px 5px 3px;*padding: 3px 5px 5px 3px!important;*padding: 12px 5px 2px 3px; */ padding:0 0 0 20px;height:31px;line-height: 31px; background:url(image/msg_bg.gif) 0 0 no-repeat;  }
	.mgs_list .mgs_item a{background:url(image/msg_bg.gif) right top no-repeat;height:31px;line-height:31px; font-size:12px; padding:3px 12px 3px 0; *padding:3px 12px 3px 0!important;*padding:10px 12px 3px 0;margin:0;display:block; float:left;  white-space:nowrap}
    .mgs_list .mgs_item a:hover{text-decoration: none;}
	.mgs_list img { margin: 0 5px 0 0; vertical-align: middle; }
    .mgs_list strong { color: #FF7400; }

    .c_mgs{background:#FCF9E6;margin:0 0 20px;}
    .c_mgs .ye_l_b{padding:5px 10px 10px;}

/*************************************************FEED***/
.feed_header { position: relative; padding: 5px 10px 0 15px; height: 30px; background: url(image/c_title.gif) no-repeat; line-height: 20px; }
.feed { margin: 0 0 20px; width: 100%; line-height: 20px; overflow: hidden; }
  .feedtime { margin: 15px 0 5px; color: #000; }
  .feed li { padding: 10px 0 10px 20px; border-bottom: 1px solid #DADADA; overflow: hidden; }

    .feed .type { position: absolute; margin: 1px 0 0 -20px !important; margin: 3px 0 0 -20px;}
    .feed_content img { max-width: 70px; max-height: 100px; }
  * html .feed_content img { width: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true); }
    .feed .detail { padding: 10px 0 0; color: #999; }
    .feed a img.summaryimg { float: left; margin: 10px 10px 10px 0; padding: 2px; border: 1px solid #DDD; }
      .feed a img.summaryimg:hover { border-color: #DDD; }

/*************************************************TABS HEADER***/
/*person index*/
.personnal .tabs_header { margin-bottom: 15px; height: 29px; border-bottom: 1px solid #DADADA; overflow: hidden; }
    .personnal .tabs_header a.thread_button { float: right; width: 90px; height: 25px; background: url(image/buttons.gif) no-repeat 0 0; text-indent: -500px; overflow: hidden; display: block; }
       .personnal .tabs_header ul.tabs { position: absolute; z-index: 10; }
            .personnal .tabs_header ul.tabs li { float: left; margin: 0 1px 0 0; display: inline; background:none; border:none; padding:0; }
                .personnal .tabs_header ul.tabs li a { float: left; padding: 0 0 0 10px; height: 30px; background: url(image/tab_bg.gif) no-repeat left top; font-size: 14px; display: block; margin:0 ;}
                   .personnal  .tabs_header ul.tabs li a span { padding: 9px 10px 7px 0; background: url(image/tab_bg.gif) no-repeat right top; line-height: 14px; display: block; }
            .personnal .tabs_header ul.tabs li.active{ background:transparent; border:none;}
			.personnal .tabs_header ul.tabs li.active a { float: left; padding: 0 0 0 10px; height: 30px; background: url(image/active_tab_bg.gif) no-repeat left top; color: #000; display: block; }
              .personnal  .tabs_header ul.tabs li.active a span { padding: 9px 10px 7px 0; background: url(image/active_tab_bg.gif) no-repeat right top; line-height: 14px; display: block; }
           .personnal  .tabs_header ul.tabs li.null { margin: 0 0 0 15px; padding: 0 0 0 25px; height: 25px; background: url(image/add_button.gif) no-repeat 0 0; line-height: 24px; }
               .personnal  .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(image/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; }
     
/*index tabs*/
/*.tabs_header{ margin-bottom: 15px; height: 35px; border-bottom: 1px solid #DADADA;width:100%; position:relative;}	
	 .tabs_header a.thread_button { float: right; width: 90px; height: 25px; background: url(image/buttons.gif) no-repeat 0 0; text-indent: -500px; overflow: hidden; display: block; }
        .tabs_header ul.tabs { position: absolute; z-index: 10;}
            .tabs_header ul.tabs li { float: left; margin: 0 0 0 0; display: inline;}
               .tabs_header ul.tabs li a { float: left; padding: 0 0 0 15px; height: 32px; background: url(image/tab_bg.gif) no-repeat left top; font-size: 14px; display: block; margin:3px 0 0 0; color:#000000; }
                  .tabs_header ul.tabs li a span { padding: 9px 15px 9px 0; background: url(image/tab_bg.gif) no-repeat right top; line-height: 14px; display: block; }
            .tabs_header ul.tabs li.active a { float: left; padding: 0 0 0 15px; height: 37px; background: url(image/active_tab_bg.gif) no-repeat left top; color: #EB8105; display: block; margin:0 0 0 0; }
                .tabs_header ul.tabs li.active a span { padding: 12px 15px 9px 0; background: url(image/active_tab_bg.gif) no-repeat right top; line-height: 14px; display: block; }
            .tabs_header ul.tabs li.null { margin: 5px 0 0 15px; padding: 0 0 0 25px; height: 25px; background: url(image/add_button.gif) no-repeat 0 0; line-height: 24px; }
                .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(image/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; margin:0; }*/
.tabs_header{margin-bottom: 15px; height: 26px; border-bottom: 1px solid #DADADA;width:100%; position:relative;}	
        .tabs_header ul.tabs {position: absolute; z-index: 10;}
            .tabs_header ul.tabs li { float: left; margin: 0 0 0 0; display: inline; border:1px solid #DFDFDF; background:#f9f9f9; height:25px; margin:0 1px; padding:0 14px; line-height:25px;}
               .tabs_header ul.tabs li a {color:#666; }
            .tabs_header ul.tabs li.active{ background:#fff; border-bottom:1px solid #fff;}
			.tabs_header ul.tabs li.active a { color:#000; font-weight:700;}
            .tabs_header ul.tabs li.null { margin: 0 0 0 15px; padding: 0 0 0 25px; height: 25px; background: url(image/add_button.gif) no-repeat 0 0; line-height: 24px; border:none;}
                .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(image/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; margin:0; float:left;}
.album-add-btn,.album-add-btn span{display:-moz-inline-box;display:inline-block;height:25px;background:url(image/add_button.gif) no-repeat;cursor:pointer;vertical-align:top;line-height:25px;}
.album-add-btn{margin-left:20px;padding-left:25px;color:#FFF;}
.album-add-btn span{padding-right:10px;background-position:right 0;}
.gtab .album-add-btn{position:relative;margin-top:-5px;}
.tabs_header .floatr {float:right;padding:8px 8px 0 0;}
 #setting  ul.tabs li{ padding:0 7px}
/*#setting  ul.tabs li a { float: left; padding: 0 0 0 15px; height: 32px; background: url(image/tab_bg.gif) no-repeat left top; font-size: 14px; display: block; margin:3px 0 0 0; color:#000000; }
             #setting  ul.tabs li a span { padding: 9px 15px 9px 0; background: url(image/tab_bg.gif) no-repeat right top; line-height: 14px; display: block; }
            #setting  ul.tabs li.active a { float: left; padding: 0 0 0 15px; height: 37px; background: url(image/active_tab_bg.gif) no-repeat left top; color: #EB8105; display: block; margin:0 0 0 0; }
             #setting  ul.tabs li.active a span { padding: 12px 15px 9px 0; background: url(image/active_tab_bg.gif) no-repeat right top; line-height: 14px; display: block; }*/




.c_header{margin:0 0 10px;width:100%;padding-top:22px;line-height:26px;overflow:hidden;}
.c_header h1{font-size:14px;font-weight:normal;}
.c_header .avatar48{float:left;margin:0 10px 0 0;}
h2.title{margin:0 0 20px;padding:22px 0 0 12px;font-size:14px;}
h2.title img{margin:0 5px 0 0;vertical-align:middle;}

/*************************************************DOING***/
.post_doing { margin: 0; }
    .post_doing textarea { float: left; margin: 5px 10px 0 0; padding: 3px; border: 1px solid #DDD; background: #F0F0F0; }
    .post_doing button.post_button { margin: 5px 0 0; width: 80px; height: 80px; border: none; background: url(image/post_button.jpg); text-indent: -300px; overflow: hidden; cursor: pointer; }
.doing_list { margin: 0; }
    .doing_list ol { margin: 0; padding: 0; overflow: hidden; list-style: none; }
        .doing_list ol li { margin: 0 0 20px 0; padding: 0 0 20px; width: 100%; border-bottom: 1px solid #E9F2FC; overflow: hidden; }
  .doing_list .avatar48 { float: left; margin: 0 3px 0 0; }
  .doing_list .doing {display:inline;float:left;width:460px;margin-left:5px;}
  .doing_list .doingcontent { padding: 5px 0; color: #444; font-size: 14px; line-height: 150%; }
  .doing_list .doingcontent h2{display:inline;font-weight:normal;}
    .doingcontent a.re { font-size: 12px; }
    .doingcontent span { color: #666; }
    .doing_list .doingtime { color: #999; }
    .doingre { margin: 5px 0; padding: 6px 0 0; background: url(image/dore_bg.gif) no-repeat 15px 0; }
    .doingre form { padding: 10px; width: 350px; background: #FCF9E6; }
    .doingre img { float: left; margin: 0 5px 0 0; }
    .doingre .t_input { width: 200px; border: 1px solid #EBE6CA; }
.sub_doing { margin: 10px 0 0; padding: 10px 0 0; width: 460px; background: #E9F2FC url(image/subdoing_top.gif) no-repeat left top; color: #333; clear: both; }
    .sub_doing ol { padding: 0 10px 10px; background: #E9F2FC url(image/subdoing_bottom.gif) no-repeat left bottom; overflow: hidden; }
        .sub_doing ol li { margin: 0; padding: 3px 0; width: auto; border: none; }
		.sub_doing ol li h3{display:inline;font-weight:normal;}

/*************************************************ENTRY***/
.entry_list li { margin: 0 0 20px; padding: 1px 0 1px 65px; }
  .entry_list .avatar48 { margin: 0 0 0 -65px;  position:absolute;}
  .entry_list p.avatarname{margin: 60px 0 0 -65px; position:absolute; text-align:center; width:60px;}
    .entry_list h4 { font-size: 14px; display: inline; }
    .entry_list .title { padding: 5px 10px; border: 1px solid #EBE6C9; border-right: none; border-left: none; background: #FCF9E6; }
    .entry_list .time { color: #999; }
    .entry_list .detail { padding: 10px 0; width: 100%; color: #444; font-size: 14px;font-weight:normal; line-height: 180%; overflow: hidden; }
	.entry_list .detail h3{font-weight:normal;}
        .entry_list .image_right img { float: right; margin: 0 0 5px 5px; padding: 2px; max-width: 70px; max-height: 100px; border: 1px solid #DDD; }
            * html .entry_list .image_right img { width: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true); }
    .entry_list .status { color: #999; }
        .entry_list .status a { color: #999; }
		.entry_list div h2 a{color:#EA4808;font-size:14px;}

    .entry { padding: 0 0 20px; }
        .entry .title { padding: 5px 10px; border: 1px solid #EBE6C9; border-right: none; border-left: none; background: #FCF9E6; line-height: 200%; }
        .entry h1,.entry h2{font-size: 18px;}
        .entry .article { padding: 0; width: 100%; color: #444; line-height: 1.8; overflow: hidden; }
        .entry .resizeimg { padding: 10px; }
            .entry .resizeimg img { width: expression(this.width > 520 ? 520 : true); max-width: 520px; margin:0 0 8px 0; }
            .entry .article p, .entry .article blockquote, .entry .article ul, .entry .article ol { margin: 1.5em 0; }
            .entry .article ul, .entry .article ol { padding: 0 0 0 2em; line-height: 200%; }
            .entry .article ul { list-style: disc; }
            .entry .article ol { list-style: decimal; }
            .entry .article a img { margin: 0 15px 15px 0; padding: 1px; border: 1px solid #FEE4AB; }
            .entry .article a:hover img { border: 1px solid #C60; }
            .entry .article blockquote { padding: 3px 20px 3px 50px; width: 70%; overflow: hidden; }
            .entry .article td { font-size: 14px; }
        .entry .status { padding: 10px; border-bottom: 1px solid #EBE6C9; color: #999; }
/*************************************************Gentry***/
.gentry_list li {border-bottom:1px solid #ECF1F3;padding:5px 10px 5px 65px;}
  .gentry_list .avatar48 { position: absolute; margin: 0 0 0 -65px; }
    .gentry_list h4 { font-size: 14px; display: inline; }
    .gentry_list .title { padding: 5px 10px; }
    .gentry_list .time { color: #999; }
    .gentry_list .detail { padding: 10px 0; width: 100%; color: #444; font-size: 14px; line-height: 180%; overflow: hidden; }
        .gentry_list .image_right img { float: right; margin: 0 0 5px 5px; padding: 2px; max-width: 70px; max-height: 100px; border: 1px solid #DDD; }
            * html .gentry_list .image_right img { width: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true); }
    .gentry_list .status { color: #999; }
        .gentry_list .status a { color: #999; }

/*************************************************CATEGORIES SIDEBAR***/
.cat { margin: 0 0 20px; padding: 10px 0 0; background: #EFEFEF url(image/cat_top.gif) no-repeat left top; }
  .cat h3 { padding: 5px 10px; background: #CCC; color: #FFF; }
    .cat ul { padding: 0 0 10px; background: #EFEFEF url(image/cat_bottom.gif) no-repeat left bottom; }
        .cat ul li { position: relative; padding: 5px 10px; }
        .cat ul li.current { background: #FFF; }

/*************************************************COMMENTS***/
.comments { padding: 20px 0; }
  .trace h2 { padding: 0 0 10px; }
  .trace .avatar_list { border: 1px solid #EBE6C9; background: #FCF9E6; }
      .trace .avatar_list li { float: left; margin: 0 10px 0 0; width: 61px; }
          .trace .avatar_list p { text-align: center; }

.comments h2 { padding: 0 0 10px; border-bottom: 1px solid #EBE6C9; }
    .comments_list .avatar48 { position: absolute; margin: 0 0 0 -63px; display: inline; }
    .comments_list li { padding: 10px 10px 10px 63px; border-bottom: 1px solid #EBE6C9; font-size: 12px; line-height: 200%; overflow: hidden; }
        .comments_list li .time { color: #999; font-size: 12px; }
        .comments_list .title { margin: 0 0 10px; }
        .comments_list .detail { color: #444; }
        .comments_list .quote { padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6 none repeat scroll 0 0; font-size: 12px; }
        .comments_list .quote .q { background: none; }

.searchbar {float:right;padding-top:22px;}

/*************************************************THUMB***/
.thumb_list { line-height: 160%; }
  .thumb_list ul { width: 100%; overflow: hidden; }
     .thumb_list li { float: left; margin: 0 10px 0 0; padding: 0 0 0 68px; width: 200px; height: 100px; overflow: hidden; }
        .thumb_list .avatar48 { position: absolute; margin: 0 5px 0 -68px; }
        .thumb_list .online_icon { margin: 0 3px 0 0; }
        .thumb_list .setti { color: #999; }
        .thumb_list .setti a { color: #999; }
    .thumb_list p { line-height: 180%; }
    .thumb_list table { width: 100%; table-layout: fixed; }
       .thumb_list td { padding: 5px; vertical-align: top; }
    .thumb_list .image { width: 150px; }
      .thumb_list .image img { width: 120px; }
    .thumb_list h6 { font-size: 1.17em; }
    .thumb_list .op { padding: 5px 0 10px 0; }

.l_status { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5; }
.box { padding: 10px 0 10px 0; }
    .box h2 { margin: 10px 0; font-size: 14px; }
    .box h3 { margin: 10px 0; font-size: 12px; }
.new_topic_list { margin: 0; padding: 0; line-height: 180%; }

/*************************************************THREAD***/
.thread_list { width: 100%; line-height: 200%; overflow: hidden; }
    .thread_list li { float: left; margin: 0 0 15px; width: 50%; }
        .thread_list .threadimg60 { float: left; margin: 0 10px 10px 0; }
    .num { color: #F60; font-size: 14px; font-weight: bold; }
    .thread_list span.thread_cat { color: #999; }
.topic_list { margin: 0 0 20px; }
    .topic_list table { margin: 5px 0 20px; width: 100%; }
        .topic_list td { padding: 8px 10px; color: #999; line-height: 150%; overflow: hidden; }
    .topic_list thead td { border-bottom: 1px solid #EBE6C9; color: #333; }
      .topic_list td.mtag { width: 120px; }
      .topic_list td.author { width: 100px; }
      .topic_list td.author em { font-size: 11px; font-style: normal; }
      .topic_list td.lastpost { width: 90px; text-align: right; }
.topic_list tbody tr td { border-bottom: 1px solid #EBE6C9; }
    .topic_list tbody tr.alt td { background: #FCF9E6; }
        .topic_list p { padding-top: 6px; }
    .space_list td { padding: 5px; color: #999; overflow: hidden; }
    .space_list thead td { background: #FCF9E6; color: #333; }
    .space_list .topline { padding: 5px; }
    .space_list tbody tr.alt td { background: #FCF9E6; }
    .space_list .note { padding: 5px; color: #333; }
.affiche { margin: 10px 0; padding: 10px; width: 518px; border: 1px solid #EBE6C9; background: #FCF9E6; overflow: hidden; }
    .affiche #space_avatar { float: left; }
        .affiche #space_avatar img { margin: 0 10px 10px 0; padding: 3px; border: 1px solid #EBE6C9; background: #FFF; }
    .affiche .article { padding: 5px 0; color: #960; }
.board { padding: 10px 0; }
    .board .title { padding: 0 0 5px 0; }
        .board .title h1 { margin: 0 0 8px; font-size: 14px; }
            .board .detail { color: #444; font-size: 14px; line-height: 180%; }
            .board .quickpost { padding: 5px 0 0 45px; }
            .board li { margin: 0 0 10px 0; }
            .board .quote { padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6 none repeat scroll 0 0; font-size: 12px; }
            .board .quote .q { background: none; }

/*************************************************TASK***/
.task_percent { margin: 0 0 10px; height: 30px; border: 1px solid #FF8E00; }
    .task_percent .percent { height: 30px; background: #FF8E00; }
    .task_percent .label { position: relative; margin: -30px 0 0; line-height: 30px; text-align: center; }
        .task_status_progress { padding: 10px; border: 1px solid #E2EAED; background: #F7F7F7; }
    .space_task { margin: 0 0 10px; padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6; }
    .task_done { border: 1px solid #E2EAED; background: #F7F7F7; }
    .task_status_done { padding-left: 70px; background: transparent url(image/task_done.gif) no-repeat scroll left center; }
        .task_status_done p { margin: 10px 0; }
.formtable caption.complete { padding: 10px 0 10px 55px; background: url(image/task_done.gif) no-repeat left center; }

/* ALBUM */
.albumft,.logft{padding:10px 0 30px;}
.album_list {margin:10px 0 0;background:#F7F7F7;}
.album_list table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:6px;}
        .album_list td { vertical-align: top; }
            .album_list .album { padding: 8px; border: 1px solid #E2EAED; background: #FFF; }
            .album_list .image { width: 130px; text-align: center; vertical-align: middle; }
            .album_list .image img { width: expression(this.width > 120 ? 120 : true); max-width: 120px; }
.album_list h2,.album_list h6 { font-size: 1.17em; }
    .fresh_album .album { padding: 0; border: none; background: transparent; }
    .fresh_album .image { width: 80px; }
.photobox { padding: 10px; border-bottom: 1px solid #EBE6C9; text-align: center; }
    .photobox p { padding: 10px 0 0 0; text-align: left; }
        .photobox img { width: expression(this.width > 750 ? 750 : true); max-width: 750px; }
    .photocomment {float:left;margin:0 20px 0 0;padding:0 10px;width:580px;}
.photobar { float: left; width: 150px; }
.photo_info { margin: 0 1em; }
    .photo_list td { vertical-align: middle; text-align: center; }
    .photo_list img { padding: 3px; max-width: 120px; max-height: 120px; border: 1px solid #CCC; background: #FFF; }
    * html .photo_list img { width: expression(this.width > 120 && this.height < this.width ? 120 : true); height: expression(this.height > 120 ? 120 : true); }
.space_album_list li { float: left; padding: 5px; width: 48%; overflow: hidden; }
    .album_i_m_g { text-align: center; }
        .album_i_m_g a img { margin: 0 auto; padding: 5px; border: 1px solid #EBE6C9; border-top: none; border-left: none; background: #F8F2CB; }
.albums_list { width: 100%; overflow: hidden; }
    .albums_list ul { width: 100%; overflow: hidden; }
        .albums_list li { float: left; padding: 10px; width: 142px; }
.album_title { padding: 10px 0 10px 5px; text-align: center; }
    .album_title img { vertical-align: middle; }
    .album_title a { font-size: 14px; font-weight: bold; }
    .album_title em { color: #999; font-size: 11px; font-style: normal; }
#share_ul { padding-bottom: 10px; border-bottom: 1px solid #EBE6C9; }
    #share_ul li { overflow: hidden; }
    #share_ul .title { padding: 5px; border-bottom: 1px solid #EBE6C9; background: #FCF9E6; }
	#share_ul .title h3{display:inline;font-weight:normal;}
.page { margin: 10px 0 0; padding: 3px; text-align: center; }
    .page * { margin: 0 3px 0 0; padding: 3px 5px; border: 1px solid #EBE6C9; background: #FCF9E6; color: #999; }
    .page em { border-color: #FEE4AB; color: #C30; font-style: normal; }
    .page strong { background: #FEE4AB; color: #C30; }
    .page a { color: #C60; }
    .page a:hover { background: #FEE4AB; text-decoration: none; }
	#a_feed_more{ background:url(image/btn_more.gif) #ffffff no-repeat; width:107px; height:26px; line-height:26px; border:none; display:block; margin:0 auto; text-align:center; padding:0 2px 2px 0;}
	
textarea { border: 1px solid #ddd; overflow: auto; }
.t_input, select { padding: 3px 2px; border: 1px solid #ddd; line-height: 16px; }
.button { margin-left: 2px; padding: 0 3px; height: 24px; border: none; background: #DDD; color: #333; line-height: 20px; cursor: pointer; }
.submit { padding: 0 5px; height: 24px; border: none; background: #FF8901; color: #FFF; line-height: 20px; letter-spacing: 1px; cursor: pointer; }
a.submit { padding: 5px; }
a.button { padding: 3px; }
/*template_default_space_feed.php*/
.search_input{float:left;background:url(image/btn_txt.gif) no-repeat; padding:0; display:inline; border:none;height:19px; width:228px; margin:10px 0; }
.btn_input{ background:transparent; border:none; color:#979898; height:19px; line-height:19px; padding:2px 0 0 0;* padding:-2px 0 0 0!important;* padding:-2px 0 0 0;  margin:0 0 0 12px;* margin:-2px 0 0 12px!important;* margin:-2px 0 0 12px; }
.btn_submit {background:url(image/btn_submit.gif) no-repeat;height:19px; border:none; margin:0; padding:0 35px 0 0;display:block;float:right;}


/*login*/
.btn_b{ background:url(image/btn_b.gif) no-repeat; width:80px; height:24px; border:none; color:#fff; padding:4px 6px 12px 6px; margin:3px 10px -3px 16px}
.btn_w{ background:url(image/btn_w.gif) no-repeat; width:80px; height:24px; border:none; line-height:24px; color:#666; display:inline; padding:4px 12px 16px 16px;}
.btn_r{ background:url(image/btn_r.gif) no-repeat; width:68px; height:20px; border:none;}

.c_form {padding:10px 27px;}
.quickpost table { width: 100%; }
.quickpost td { padding: 0.2em 0; }
.quickpost textarea { width: 99%; height: 70px; font-size: 1.17em; }
.initial { color: #999; }
.quick_update { position: relative; margin-bottom: 15px; padding-left: 55px; }
    .quick_update .avatar { position: absolute; left: 0; }
    .quick_update #mystate { height: 28px; line-height: 28px; }
    .quick_update .state { width: 360px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
    .quick_bar { height: 26px; border-top: 1px solid #CCC; }
    .quick_bar li { float: left; padding: 0 5px; line-height: 26px; }
        .quick_bar li img { float: left; margin: 5px 2px 0 0; }
        .quick_bar li a { color: #333; }
#quick_box { margin-bottom: 10px; padding: 10px; border: 1px solid #CCC; border-top: none; background: #FFF; }

.formtable { width: 100%; }
    .formtable caption { padding: 10px 0; color: #666; font-size: 12px; }
        .formtable caption h2 { padding-bottom: 8px; border-bottom: 1px solid #CCC; color: #333; font-size: 14px; }
        .formtable caption p { margin-top: 8px; }
            .formtable td, .formtable th { padding: 5px; }
            .formtable th { padding-right: 1em; text-align: right; }
.moodform { padding-left: 12px; background: url(image/quote.gif) no-repeat 0 0; }
    .moodform .inner { padding: 5px 5px 5px 30px; border: 1px solid #CCC; border-left: none; background: #EDF5FF; }
    .moodform #mystate .face { position: absolute; margin-left: -25px; }
.icon_check, .icon_check * { vertical-align: middle; }
.h_status {zoom:1;margin:5px 0 8px;padding:5px;border-bottom:1px solid #F5F5F5;color:#999;position:relative;}
    .h_status .active { font-weight: bold; }
.d_content form { padding: 4px 9px; background: #EEE; }
/*************************************************CP THEME***/
.themelist { margin: 0; width: 100%; }
    .themelist td { line-height: 200%; }
        .themelist .album { margin: 0 0 10px; }
        .themelist .image { padding: 10px 0 10px; }
            .themelist .image a { margin: 0 auto; padding: 5px 0 0 5px; width: 119px; height: 129px; background: url(image/theme_bg.gif) no-repeat; display: block; }

.listcol li { float: left; width: 100%; }
    .list2col li { float: left; padding: 3px 0; width: 150px; }
.f_status { margin: 0 0 20px; color: #999; }
.status_form { float: right; position: absolute; right: 0; }
.ajax_selector { position: relative; z-index: 999; }
    .ajax_selector_option { position: absolute; margin-top: -3px; padding: 3px 2px; border: 1px solid #CCC; background: #FFF; overflow: auto; overflow-x: hidden; overflow-y: auto; }
.float_del, .float_edit { position: absolute; width: 13px; height: 14px; background: url(image/delete.gif) no-repeat 0 0; top: 0.5em; right: 5px; text-indent: -999em; overflow: hidden; display: block; }
    .float_del:hover { background-position: 0 -14px; }
.float_block { background-image: url(image/block.gif); }
.float_edit { background-image: url(image/edit.gif); right: 13px; }

/*************************************************CP SIDEBAR***/
#sidebar { float: right; padding: 0; width: 250px; overflow: hidden; }
/*	.sidebox h2.title .r_option a{ background:url(image/btn_all.gif) no-repeat; width:16px; height:16px; padding-left:16px; }
	.sidebox h2.title .r_option a:hover{ text-decoration:none;}*/
.task_notice { position: relative; padding: 5px; background: #E8E7DD; }
    .task_notice a.float_cancel { position: absolute; width: 16px; height: 16px; background: url(image/folder.gif) no-repeat; line-height: 200px; top: 0px; right: -8px; overflow: hidden; display: block; }
.task_notice_body { overflow: hidden; }
    .task_notice .icon { float: left; position: relative; margin: 0 10px 0 0; width: 64px; height: 64px; }
    .task_notice h2 { margin: 0 0 5px; font-size: 12px; }
    .task_notice h3 { margin: 10px 0 5px; font-size: 14px; }
    .task_notice p { color: #ff9c00; font-size:14px; font-weight:bold; }
        .task_notice p span.num { color: #000; font-size: 20px; font-weight:bold; }

.side_l_b .sidebox{ background:#f9f9f9; margin:0; padding:0 9px;}
.sidebox { margin: 0 0 10px; }
  .sidebox h2.title { margin: 0 ; padding: 0  0 5px 0; height: 24px; /* background:url(image/sidebar_title.gif) no-repeat;*/ background:url(image/sidebar_bg.gif) left bottom repeat-x;color: #333; font-size: 14px; line-height: 24px;}
  .sidebox h2.title span{color:#FF9C00; margin-right:4px}
  .sidebox h3.title { padding: 5px; border-bottom: 1px solid #EBE6C9; background: #FCF9E6; }
        .sidebox div.more { text-align: right; }
        .sidebox ul.firendbox li { height: 90px; }
        .sidebox p.time { color: #999; line-height: 12px; height: 12px;text-align: center; }
        .sidebox .content { padding: 5px; }
.threadfirend { padding: 0; }
    .threadfirend li { width: 100%; overflow: hidden; }
        .threadfirend .avatar48 { float: left; margin: 0 10px 10px 0; }
        .threadfirend p { padding: 5px 0; }
        .threadfirend .quote { color: #999; }
#sidebar .avatar_list{ background:#f9f9f9; margin:0 auto;}
#sidebar .avatar_list li{ padding: 8px 8px 0 8px; }
.sidebox .threadimg60 { margin: 0 0 10px; }

.ye_con{ padding:6px 0 0 6px; }
/*.thead_visit{background:transparent url(image/thead_visit.gif) no-repeat left bottom; height:28px; line-height:28px;}
.thead_friend{background:transparent url(image/thead_friend.gif) no-repeat left bottom; height:28px; line-height:28px;}
.thead_birthday{background:transparent url(image/thead_birthday.gif) no-repeat left bottom; height:28px; line-height:28px;}
.thead_search{background:transparent url(image/thead_search.gif) no-repeat left bottom; height:28px; line-height:28px;}
*/
.sidebox h2 .r_option a{ background:url(image/btn_all.gif) left center no-repeat; height:16px; padding-left:10px; }
.sidebox h2 .r_option a:hover{ text-decoration:none;}

/*************************************************SPACE PAGE***/
#space_page {width: 100%; overflow: hidden; }
#ubar { float: left; margin: 0 15px 0 0; width: 200px; overflow: hidden; }
#space_page #content {margin:0 15px 0 0;width:560px;padding:0;}
#obar { float: left; width: 180px; }
  .ulist { margin: 0 0 20px; width: 198px; border: 1px solid #EBE6C9; background: #FCF9E6; overflow: hidden; }
     .ulist li { float: left; padding: 5px 10px; width: 79px; text-align: center; }
        .ulist img { margin: 0 5px 0 0; vertical-align: middle; }
  #space_avatar { margin: 0 0 15px; text-align: center; }
    #ubar h2 { position: relative; padding: 0 10px; height: 30px; background: url(image/ubar_title.gif) no-repeat; color: #444; line-height: 30px; }
    .app_list16 { padding: 0 5px; width: 190px; overflow: hidden; }
        .app_list16 li { float: left; padding: 5px; width: 16px; height: 16px; overflow: hidden; }
#space_page .a_share{ margin: 5px; }
#space_page .composer { float: none; width: 530px; }
    #space_page .current_status { margin: 10px 0; }
    .composer .online_icon { margin: 0 5px 0 0; vertical-align: middle; }
    .composer .profile li { float: left; padding: 0 5px 5px 0; width: 245px; }
.composer p { padding: 0 0 5px 0; }
    #space_page .feed_header { background: url(image/c_title2.gif) no-repeat; }
      #space_page .feed li { width: 540px; }
      #space_page .feed h6 { width: 450px; }
    #space_page .album_list { margin: 10px 0 0; background: #FFF; }
        #space_page .album_list .album { padding: 2px; border: none; }
      #space_page .comments_list li { width: 497px; }
      #space_page .mtagbox { margin: 0 0 20px; padding: 10px; }
    a#i_rss { float: right; margin: 5px 10px 0 0; padding: 0 0 0 20px; height: 20px; background: url(image/rss_icon.gif) no-repeat left center; font-size: 12px; display: block; }
#space_page .avatar_list li { padding: 8px 15px; width: 60px; overflow: hidden;}
#space_page .avatar_list li img{width:48px;height:48px;}
#gift_bar .avatar48{background:transparent;height:55px;padding:5px 0 0 5px;width:55px;}
#gift_bar p {height:22px;line-height:22px;overflow:hidden;text-align:center;white-space:normal;width:100%;}

.menu_list { padding: 0 10px; width: 230px; overflow: hidden; }
    .menu_list li { float: left; width: 50%; line-height: 180%; text-align: center; }
.facebox { padding: 8px; width: 250px; border: 1px solid #CCC; background: #FFF; z-index: 100000;}
    .facebox ul li { float: left; width: 25px; height: 25px; overflow: hidden; }
#bottom{clear:both; font-size:0;height:3px;overflow:hidden;}
#footer { padding: 10px 0 10px 0; border-top: 1px solid #EBE6C9; color: #333; text-align: center; }
    #footer a { color: #333; }
    .noimage{ float: left; margin: 0 5px 0 0; }

#ajaxwaitid { position: absolute; width: 100px; height: 1.6em; background: #DD0000; color: #FFF; line-height: 1.6em; z-index: 100; top: 0px; right: 0px; overflow: hidden; display: none; }
.pipe { padding: 0 0.4em; color: #DDD; }
.article { padding: 0.5em; font-size: 14px; }
    .article table { table-layout: fixed; }
    .article ul li { margin-left: 1.6em; list-style: disc; }
.quote { margin: 0.5em 0; padding-left: 20px; background: url(image/q_start.gif) no-repeat 0 0; overflow: hidden; zoom: 1; }
    .quote .q, .quote blockquote { margin: 0; padding: 0 20px 0 0; background: url(image/q_end.gif) no-repeat right bottom; color: #666; display: inline-block; }
.notice { margin-bottom: 2px; padding: 8px; border-bottom: 1px solid #EBE6C9; background: #FCF9E6; }
.ajax_selector { position: relative; z-index: 999; }
    .ajax_selector_option { position: absolute; margin-top: -3px; padding: 3px 2px; border: 1px solid #CCC; background: #FFF; overflow: auto; overflow-x: hidden; overflow-y: auto; }
.inpage { padding: 4em 2em 10em 8em; }
    .inpage h1 { font-size: 1.17em; }
    .inpage .btn_line { padding-top: 1em; }
.inajax .formtable { width: 240px; }
    .inajax .formtable .t_input, .inajax .formtable textarea { width: 170px; }
.popupmenu_popup { padding: 1em; border: 3px solid #FF8E00; background: #FCF9E6; line-height: 1.4em; text-align: left; overflow: hidden; }
    .popupmenu_popup h1 { font-size: 1.17em; }
    .popupmenu_popup .btn_line { padding: 5px 0; }
    .popupmenu_popup td { padding-bottom: 0.4em; }
.popupmenu_centerbox { border: 8px solid #FEE4AB; background: #FCF9E6; text-align: left; }
    .popupmenu_centerbox h1 { padding: 0 10px; color: #FF9919; font-size: 14px; line-height: 26px; cursor: move; }
    .popupmenu_centerbox .popupmenu_inner { padding: 10px; color: #444;}
        .popupmenu_centerbox .popupmenu_inner td{ line-height: 200%; }
            .popupmenu_centerbox .popupmenu_inner .t_input, .popupmenu_centerbox .popupmenu_inner textarea{ margin: 5px 0; border-color: #EBE6C9; }
            .popupmenu_centerbox .float_del{ background-image: url(image/delete2.gif); }
    .popupmenu_centerbox .box { width: 400px; }
.line_list li { padding: 5px 10px 5px 10px; border-bottom: 1px solid #ECF1F3; }
    .line_list img { margin: 0 5px 0 0; vertical-align: middle; }

.scroll_list{background:url(image/thead_nowbg.gif) bottom no-repeat; }
.scroll_list li { padding: 5px 10px 5px 10px; border-bottom: 1px solid #ECF1F3; }
    .scroll_list img { margin: 0 5px 0 0; vertical-align: middle; }
	

.hs{ padding:9px 8px 0 8px; background:#f9f9f9;}
.avatar_list { zoom: 1; }
    .avatar_list .time { font-size: 10px; }
    .avatar_list li { float: left; padding: 8px; width: 60px; overflow: hidden; }
    .avatar_list p { width: 100%; height: 16px; line-height: 14px; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
	
    .avatar_list p.online_icon_p { text-align: left; }
    .avatar_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
.bar_text { padding: 0 0 20px 12px; font-size: 12px; font-weight: normal;}
    .bar_text p { line-height: 200%; }
    .bar_text .title { padding: 10px 0 5px 0; font-weight: bold; }

/*************************************************INDEX PAGE***/
#index_page { width: 100%; overflow: hidden; }
#wide { float: left; margin: 0 20px 0 0; width: 700px; overflow: hidden; }
#narrow { float: left; width: 250px; overflow: hidden; }
.start { margin: 1px 0 9px; padding: 19px 0 0 30px; width: 670px; height: 182px; background: url(image/bannarN.gif) no-repeat;  line-height:16px; color:#000}

.start_love { margin: 1px 0px 10px 0px;  width: 700px; height: 200px;}


.start li a{ color:#000; text-decoration:none}
.start ul{ list-style:none}
.start li{ padding:0px; margin:0px}
    .start h2 { margin: 0 0 1.0em; color:#333; padding:0px; margin:0px }
	.start h2 a{ margin: 0 0 1.0em; text-decoration:none }
        .start h2 span { color: #fff; font-size: 12px; font-weight: bold; background:#ff0000; padding:0px 2px;text-decoration:none}
.reg_button { width: 69px; height: 53px; line-height: 300px; overflow: hidden; display: block; cursor:pointer}
.start .reg_button { margin: 10px 0 0 142px; }

.login_box { margin: 0 0 12px;height: 200px; background:url(image/login_cbg.gif) repeat-y;  }
    .login_box h3 { padding: 0 0 0 10px; height: 34px; background: url(image/login_t.gif) no-repeat 0 0; color: #F90; line-height: 34px; }
    .login_form { padding: 10px 20px; height: 146px;background: url(image/login_b.gif) no-repeat left bottom; }
        .login_form p { padding: 6px 0; }
.m_box { margin: 0 0 16px; width: 100%; overflow: hidden; }
  .left_box { float: left; margin: 0 27px 0 0; width: 325px; overflow: hidden; }
  .right_box { float: left; width: 320px; overflow: hidden; }
#index_page .title { padding: 0 0 0 10px; height: 30px; border: none; background: url(image/index_title.gif) no-repeat 0 0; color: #444; line-height: 30px; }
    .news_list, .task { line-height: 190%; }
	.news_list h1{ background:url(image/thead01.gif) no-repeat; height:24px; line-height:24px; margin:0 0 8px;}
    .news_list li, .task li { padding: 0 0 0 20px; height: 24px; background: url(image/d.gif) no-repeat 5px 10px; font-size: 12px; line-height: 24px; overflow: hidden; }
	.news_list li a{ color:#896c44;}
    li.news_title { padding:0; height: 24px; background: url(image/numbg.gif) 0 0 no-repeat; line-height: 24px; padding:0pt 0pt 0pt 20px;}
	li.news_title a{ color:#ff9c00;}
	li.num1{background: url(image/numbg.gif) 0 -24px no-repeat;}
	li.num2{background: url(image/numbg.gif) 0 -48px no-repeat;}
	li.num3{background: url(image/numbg.gif) 0 -72px no-repeat;}
	li.num4{background: url(image/numbg.gif) 0 -96px no-repeat;}
	li.num5{background: url(image/numbg.gif) 0 -120px no-repeat;}
	li.num6{background: url(image/numbg.gif) 0 -144px no-repeat;}
	li.num7{background: url(image/numbg.gif) 0 -168px no-repeat;}
	li.num8{background: url(image/numbg.gif) 0 -192px no-repeat;}
	li.num9{background: url(image/numbg.gif) 0 -216px no-repeat;}
.albs { padding: 0 ; width: 680px; overflow: hidden; }
	.albs h1{ background:url(image/thead02.gif) no-repeat; height:24px; line-height:24px; margin:0 0 17px;}
	.albs li { float: left; margin: 0 10px 0 0; padding:0; width: 86px; height: 86px; background:#fff; overflow: hidden; }
        .albs li img { width: 86px; height: 86px;}

.left_box h1.thead{ background:url(image/thead03.gif) no-repeat; height:24px; line-height:24px; margin:8px 0 0;}
.right_box h1.thead{ background:url(image/thead04.gif) no-repeat; height:24px; line-height:24px;margin:8px 0 0;}
.sidebox h1.thead{ background:url(image/thead_hs.gif) no-repeat; height:28px; line-height:28px;}
.ifeed h1.thead{ background:url(image/thead_now.gif) no-repeat; height:34px; line-height:34px;}
h3.thead_fs{ background:url(image/thead_sf.gif) no-repeat; height:24px; line-height:24px; margin:10px 0 0 ;}

.apps { padding: 21px 5px 10px 5px; }
    .apps li { float: left; margin: 0 20px 0 0; width: 62px; height: 91px; text-align: center; overflow: hidden; }
        .apps li h4 { margin: 0 0 10px; height: 20px; font-weight: normal; white-space: nowrap; }
    .apps li.first { float: none; margin: 0; padding: 0; width: 100%; height: 90px; text-align: left; overflow: hidden; }
        .apps li.first h4 { margin: 0 0 10px; }
        .apps li.first p { color: #666; }
		.apps li.first .avatar48{float:left; margin:0 10px 0 0 }
            .apps img { margin: 0 10px 10px 0;width: 48px; height: 48px; }
    .apps .first img { float: left; margin: 0 10px 0 0; }
.imtag { padding: 20px 5px 9px 5px; height: 180px; overflow: hidden; }
    .imtag li { margin: 0 0 10px; padding: 1px 0 8px 0; width: 100%;overflow: hidden; border-bottom:1px dashed #E5E5E5; }
	.imtag h4 a{ font-size:14px;color:#2C629E}
.imtag .threadimg60 { float: left; margin: 0 10px 0 0; }
    .imtag .news_list { line-height: 150%; }
        .imtag .news_list a { color: #999; }
        .imtag .news_list li { margin: 0; padding: 0 ; width: 223px; height: 21px; border:none; background:none; }
		.imtag .threadimg48 { float: left; margin: 0 10px 10px 0; }
.threadimg48 { padding: 5px 0 0 5px; width: 55px; height: 55px; background: url(image/48_avatar_bg.gif) no-repeat; }
    .threadimg48 img { width: 48px; height: 48px; }
		
.ifeed { margin: 0 0 12px; height: 306px; overflow: hidden; }
    .ifeed .title { background-position: 0 -100px; }
.ifeedlist { padding: 10px; line-height: 190%; white-space: nowrap; }
.searchfirend { margin: 0 0 12px; background: #F9F9F9; }
    .searchfirend .ye_l_b { padding: 5px 10px 10px 10px; }
.searchfirend p { margin: 8px 0; color: #999; }
    .searchfirend .t_input { border-color: #EBE6C9; }
.showmessage { margin: 50px auto; width: 600px; background: #FCF9E6; }
    .showmessage h2 { font-size: 14px; }
    .showmessage .ye_l_b { padding: 15px 20px 20px; }
    .showmessage p { padding: 2em 1em 0; font-size: 14px; }
    .showmessage .op { font-size: 12px; text-align: right; }

.pm_list { margin: 0; padding: 0; list-style: none; }
    .pm_list li { margin: 0 0 20px; width: 100%; overflow: hidden; }
    .pm_list .pm_body { float: left; background: url(image/pm_bg.gif) repeat-y 100% 0; }
      .pm_list .pm_h { position: relative; padding: 5px 0 0 15px; width: 560px; background: url(image/pm_bg.gif) no-repeat 0 0; }
        .pm_list .pm_f { padding: 0 10px 5px; background: url(image/pm_bg.gif) no-repeat -590px 100%; }
        .pm_list .pm_c { padding: 10px; color: #444; line-height: 200%; }
    .pm_list .avatar48 { float: left; margin: 0 5px 0 0; }

/*************************************************INDEX PAGE***/
  .topbox { margin: 0 0 20px; width: 100%; overflow: hidden; }
  .userbox { margin: 0 0 20px; width: 100%; overflow: hidden; }
  .left_see { float: left; margin: 0 10px 0 0; width: 260px; overflow: hidden; }
  .right_see { float: left; width: 260px; overflow: hidden; }
        .left_see .showpic { margin: 0 0 10px; }
        .left_see .news_list li { height: 23px; }
        .left_see .news_list li.news_title2 { margin: 0 0 10px; padding: 0; height: 60px; background: none; overflow: hidden; }
    .news_title2 img { float: left; margin: 0 10px 10px 0; }
    .news_title2 p { color: #999; line-height: 150%; white-space: normal; }
.firbox { background: #FCF9E6 none repeat scroll 0 0; }
    .firbox .ye_l_b { padding: 2px 10px 13px 10px; height: 59px; overflow: hidden; }
.nd { margin: 10px 0 0; }
    .nd li { margin: 0 0 4px; width: 100%; height: 60px; line-height: 190%; overflow: hidden; }
    .nd .avatar48 { float: left; margin: 0 2px 0 0; }
    .nd .nt { padding: 5px 0; }
    .nd p { color: #999; }
.task_notice2 { padding: 5px; height: 240px; background: #F9F9F9; overflow: hidden; }
    .task_notice2 h3 { color: #960; font-size: 14px; }
.task_content { padding: 25px 5px; height: 130px; color: #999; }
    .task_content .icon { float: left; margin: 0 10px 0 0; }
.integral { padding: 0 5px; border-top: 1px solid #EBE6C9; color: #666; line-height: 35px; }
.albs2 { padding: 0 0 0 10px; width: 520px; background: #FCF9E6; overflow: hidden; }
    .albs2 li { float: left; margin: 0 13px 0 0; padding: 8px 0 0 8px; width: 83px; height: 105px; background: url(image/albs.gif) no-repeat; overflow: hidden; }
    .albs2 li img { width: 80px; height: 80px; }
    .albs2 li a { width: 75px; height: 75px; overflow: hidden; display: block; text-overflow:ellipsis}
	 .albs2 LI A:after{content:"...";}
        .albs2 p { padding-top: 5px; width: 100%; height: 22px; line-height: 22px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.mtag2_list { zoom: 1; }
    .mtag2_list li { float: left; padding: 8px; width: 72px; }
        .mtag2_list p { width: 100%; height: 22px; line-height: 22px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
        .mtag2_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
        .ad_see { margin: 0 0 20px; }
    ins.modify { padding-top: 5px; color: #666; text-decoration: none; text-align: right; display: block; }
.media img { width: auto; max-width: none; height: auto; max-height: none; }
* html .media img { width: expression(this.width > 200 && this.width/this.height > 2 ? 200 : true); height: expression(this.height > 100 && this.width/this.height < 2 ? 200 : true); }
.borderbox{ margin: 0 0 10px 0; padding: 10px; border: 1px solid #ECF1F3; line-height: 180%; }
.borderbox h1{font-weight:normal;}
.showflash{ background: #FCF9E6; border: 1px solid #EBE6C9; }
.f_while{ color:#ffffff}
/*************************************************gift***/
.detail{ padding:5px 0;/* overflow:hidden; zoom:1;*/}
.detail a.submit{ line-height:28px;}

/**********20090122***/
/*.headeriami{ margin:auto; height:38px; width:970px; margin-top:8px; margin-bottom:3px}
.headeriami .logo{ float:left; padding-left:8px; }
.searh{float:right; margin-top:8px; padding-right:8px}
.headeriami .bntsearh{ height:18px; width:29px; background:url(image/bntsearh.gif) no-repeat; border:0px;cursor: pointer; float:left; margin-top:3px}

.naviami{margin:auto; height:43px; width:970px; background:url(image/navoragebg.gif) no-repeat}
.naviami .nav ul{ list-style:none; padding:0px; margin:0px; padding-top:4px; margin-left:34px}
.naviami .nav li{ float:left; display:inline; text-align:center;}
.naviami .nav li a{ float:left; display:inline; color:#FFF; width:39px; height:39px; line-height:40px; font-size:14px;line-height:33px; padding-left:32px}
.naviami .navhover{ display:inline; color:#333333; font-weight:bold; background:url(image/navhover.gif) no-repeat center bottom; text-align:center; height:39px; width:64px; font-size:14px; line-height:33px}
.naviami .userinfo{ float:right; color:#FFF; height:30px;  line-height:30px; padding-right:20px}
.naviami .userinfo img{ border:#fff 2px solid; float:left; margin-right:10px; margin-top:4px}
.padr18{ padding-right:18px}
a.wlink{ color:#FFF}*/




.mainiami{ margin:auto; width:970px; margin-top:10px}
.mainiami .leftcol{ float:left; width:261px; display:inline; margin-right:8px}

.leftcolbox { width:262px; margin-top:8px; } 
.leftcolbox1 { width:262px; margin-top:5px }

.hotgroun{ width:262px; overflow:hidden; background:url(image/group_listbg.gif) no-repeat; height:338px }
.hotgroun h1{padding-left:32px; padding-top:12px; font-size:14px; color:#333}
.hotgroun ul{list-style:none; width:242px; margin:0 auto; margin-top:8px;  }
.hotgroun li{ line-height:19px; margin-top:5px}
.imgbox{ background:url(image/picbg.gif) no-repeat; height:68px; text-align:center; padding:7px 0px 0px 1px; margin:auto; width:68px; float:left;overflow:hidden}
.imgbox img{ height:55px; width:55px; }
.infodiv{ float:left; padding-left:4px; text-align:left; }
.infodiv p{ margin-bottom:2px; color:#646466;}
.hotgroun .line{ background:url(image/line_bg.gif) no-repeat; height:2px; width:242px; font-size:0px; clear:
both; padding-top:5px}

.firstper{ width:262px; overflow:hidden; background:url(image/numonebg.gif) no-repeat; height:198px;}
.firstper h1{ padding-left:32px; padding-top:10px; font-size:14px; color:#333}
.info{width:230px; background:#FFF; margin:auto; padding:3px 4px 2px 4px; margin-top:8px; line-height:150%; height:145px}
.infotop img{ border:#F60 2px solid; float:left; margin-right:5px; margin-top:3px}
.info ul{ margin:0px auto; padding-top:12px; height:60px; width:240px}
.info li { float:left;display:inline; padding-right:6px; *padding-right:3px; _padding-right:5px; text-align:center}
.info li img{ border:#ccc 2px solid}

.mainiami .rightcol{float:left; width:699px; overflow:hidden}
.mainiami .rightcol .bignews{ width:392px; float:left;}
.bignewsbox{width:393px; background:url(image/hot_newsbg.gif) repeat-x; height:216px; overflow:hidden}
.bignewsbox h1{  padding-left:38px;font-size:14px; color:#333; padding-top:8px;*padding-top:9px;_padding-top:9px}
.bignewsbox .bigimg{ float:left;  margin:8px; display:inline; padding-top:5px; color:#393939 }
.bignewsbox .biginfo{ float:left;width:260px; padding-top:15px; height:90px; overflow:hidden}
.bignewsbox .line{ background:url(image/line_rbg.gif) repeat-x; height:2px; width:360px; font-size:0px; clear:
both; padding-top:4px; margin:auto}
.bignewsbox ul{ list-style:none; margin:auto; width:350px; border:}
.bignewsbox li{ background:url(image/ico07.gif) no-repeat left 55%; padding-left:10px; line-height:20px}
.bignewsbox li span{ float:right;}

.activity{margin-top:6px; width:392px;}
.actimore a{
	position:absolute;
	float:right;
	background:url(image/more_gay.gif) no-repeat;
	height:21px;
	width:66px;
	text-align:center;
	font-size:12px;
	left: 315px;
	top: 7px;
	color:#000;
	padding-left:2px
}
.activitybox{width:393px; text-align:center; height:112px;background:url(image/partbg.gif) no-repeat; overflow:hidden}
.activitybox h1{  padding-left:35px; text-align:left; padding-top:8px;*padding-top:9px;_padding-top:9px; font-size:14px; color:#333}
.activitybox img{ border:#ccc 1p solid; margin:10px 4px 0px 4px; height:62px; width:175px; overflow:hidden}
.line10{ font-size:0px; height:5px}

.time{ color:#999; font-size:11px; font-weight:normal;}
a.redlink{ color:#FD5701; font-size:16px; font-weight:bold}
a.oranglink{ color:#FE7501; font-weight:bold}
.f_red12{color:#FD0000;}
.oranglink{ color:#FE7501; font-weight:bold}
a.f_bla{color:#886C45}
a.linkgay{color:#646466}
.gaye{color:#646466}
a.gayeb{color:#333333}
a.gay39{color:#393939}
a.gayeblack{color:#000}
.clr{font-size:0px;zoom:0px; clear:both}

.dynamic{ float:right; width:298px; overflow:hidden}
.dynamic .dynamicbox{ width:298px; background:url(image/bestnewsbg.gif) repeat-x; height:336px; padding-left:3px}
.dynamicbox ul{list-style:none; margin:0px; padding:0px; width:260px; }
.dynamicbox li{ padding:2px; word-wrap: break-word; width:260px; }
.dynamic .dynamicbox h1{ padding-left:30px; padding-top:10px; font-size:14px; color:#333}
.dynamic .scrollbox{ margin-top:15px; padding-left:20px;*padding-left:5px;_padding-left:5px}

.photop{ width:701px; background:url(image/hotpicbg.gif) no-repeat; height:193px; overflow:hidden; margin-top:7px ; *margin-top:9px ; _margin-top:9px ;}
.photop h1{  padding-left:37px; padding-top:9px; *padding-top:11px; _padding-top:11px; color:#333; font-size:14px}
.photopbox{ margin:auto;}
.photopbox ul{  list-style:none; margin:auto; width:680px; text-align:center; margin-left:18px; margin-top:25px}
.photopbox li { height:110px; width:120px; float:left; border:#C7C7C7 1px solid; margin-right:14px; display:inline}
.photopbox li img{ border:#FFF 3px solid}

.indexfooter{ margin:auto; height:53px; border-top:#EBE6C9 1px solid; padding:8px; text-align:center; margin-top:15px; width:970px}

.login{ background:url(image/loginbg.gif) no-repeat; height:203px; width:261px;}
.login .divbox{ padding-top:40px;}
.login .divbox div{ padding:5px; text-align:left; padding-left:25px}
.login .divbox label{ float:left; text-align:right;}
.textbg{ border:#cccccc 1px solid; background:url(image/texbg.gif) repeat-x; width:160px; height:18px}
.bntlogin{ background:url(image/bntlogin.gif) no-repeat; height:25px; line-height:25px; width:82px; text-align:center; color:#fff;border:0px;cursor: pointer;}
.bntforgetfw{ background:url(image/bntforgetfw.gif) no-repeat; height:25px; width:80px; text-align:center; color:#333; border:0px;cursor: pointer;}

/*20090217 update*/
.boxselect .select_box{width:80px;height:24px; float:left; padding-left:3px; background:#fff}
.boxselect div.tag_select{display:block;color:#A0A0A0;width:80px;height:24px;background:transparent url("image/boxselectbg.gif") no-repeat 0 0;line-height:24px; text-indent:10px;}
.boxselect div.tag_select_hover{display:block;color:#A0A0A0;width:80px;height:24px;background:transparent url("image/boxselectbg.gif") no-repeat 0 -24px;text-indent:10px; line-height:24px;}
.boxselect div.tag_select_open{display:block;color:#A0A0A0;width:80px;height:24px;background:transparent url("image/boxselectbg.gif") no-repeat 0 -48px;text-indent:10px;line-height:24px;}
.boxselect ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("image/boxselectbg.gif") no-repeat right bottom; width:80px;padding:0 0 5px; margin:0;overflow-y:auto; overflow-x:hidden;  max-height:250px; background:#fff; min-height:20px; _height:200px}
.boxselect ul.tag_options li{background:transparent url("image/boxselectbg.gif") repeat-y -80px 0;display:block;width:80px;height:24px; text-indent:10px;text-decoration:none; line-height:24px;color:#a0a0a0;}
.boxselect ul.tag_options li.open_hover{background:transparent url("image/boxselectbg.gif") no-repeat 0 -72px;color:#fff}
.boxselect ul.tag_options li.open_selected{background:transparent url("image/boxselectbg.gif") no-repeat 0 -96px;color:#fff}



.boxselect1 .select_box{width:80px;height:24px; float:left; padding-left:3px; background:#fff}
.boxselect1 div.tag_select{display:block;color:#A0A0A0;width:80px;height:24px;background:transparent url("image/boxselectbg.gif") no-repeat 0 0;line-height:24px; text-indent:10px;}
.boxselect1 div.tag_select_hover{display:block;color:#A0A0A0;width:80px;height:24px;background:transparent url("image/boxselectbg.gif") no-repeat 0 -24px;text-indent:10px; line-height:24px;}
.boxselect1 div.tag_select_open{display:block;color:#A0A0A0;width:80px;height:24px;background:transparent url("image/boxselectbg.gif") no-repeat 0 -48px;text-indent:10px;line-height:24px;}
.boxselect1 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("image/boxselectbg.gif") no-repeat right bottom; width:80px;padding:0 0 5px; margin:0;  }
.boxselect1 ul.tag_options li{background:transparent url("image/boxselectbg.gif") repeat-y -80px 0;display:block;width:80px;height:24px; text-indent:10px;text-decoration:none;line-height:24px;color:#a0a0a0;}
.boxselect1 ul.tag_options li.open_hover{background:transparent url("image/boxselectbg.gif") no-repeat 0 -72px;color:#fff}
.boxselect1 ul.tag_options li.open_selected{background:transparent url("image/boxselectbg.gif") no-repeat 0 -96px;color:#fff}

/*--- album modified 0510---*/
/*---- btn ----*/
.btn_orange{ background:#FE9A00; padding:2px 4px; color:#fff;}
.btn_red{ background:#D71A18; padding:2px 4px;color:#fff; margin-right:4px;}
.L_share{padding: 0 0 0 28px; height: 25px; background: url(image/add_button.gif) no-repeat 0 0; line-height: 24px; border:none;position:absolute; right:0; top:0;}
.L_share span{ padding: 0 20px 0 0; height: 25px; background: url(image/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; margin:0; float:left;}
a.L_share:hover{ text-decoration:none}

/*--- count credit ---*/

.wrap_top,.wrap_bot,.tbox .tbox_top,.tbox .tbox_bot{ position:relative;background:url(image/countx.png) repeat-x 0 0;}
.wrap_top .rdtl,.wrap_top .rdtr,.wrap_bot .rdbl,.wrap_bot .rdbr,.tbox_top .rdtl,.tbox_top .rdtr,.tbox_bot .rdbl,.tbox_bot .rdbr{ position:absolute;background:url(image/countbg.png) no-repeat 0 0; display:block; overflow:hidden;}
.wrap_box,.wrap_con{background:transparent url(image/r_y.png) repeat-y 0 0;}
.wrap_box{background-position:right 0;}
.wrap_con{background-color:#FFFFFF;background-position:0 0; margin-right:5px; padding:36px 0 12px 40px; position:relative;}
.wrap_title{ position:absolute; left:28px; top:6px; font-size:18px; height:27px; line-height:34px; overflow:hidden; background:url(image/countbg.png) no-repeat 0 -40px; text-indent:-999em; width:124px;}
.wrap_top{ height:10px;background-position:0 -44px;}
.wrap_bot{ height:20px;background-position:0 -58px;}
.wrap_top .rdtl{ background-position:-120px 0; width:10px; height:10px; left:0; top:0;}
.wrap_top .rdtr{ background-position:-130px 0; width:10px; height:10px; right:0; top:0;}
.wrap_bot .rdbl{ background-position:-120px -10px; width:10px; height:20px; left:0; top:0;}
.wrap_bot .rdbr{ background-position:-130px -10px; width:10px; height:20px; right:0; top:0;}

.tbox{ width:434px; margin:0 0 10px 0}
.tbox .tbox_top{ height:23px; background-position:0 0; width:100%;}
.tbox .tbox_bot{ height:10px;background-position:0 -30px;width:100%;}
.tbox_top .rdtl{ background-position:0 0; width:75px; height:23px; left:0; top:0;}
.tbox_top .rdtr{ background-position:-75px 0; width:10px; height:23px; right:0; top:0;}
.tbox_bot .rdbl{ background-position:0 -23px; width:10px; height:10px; left:0; top:0;}
.tbox_bot .rdbr{ background-position:-75px -23px; width:10px; height:10px; right:0; top:0;}
.tbox_con{background:url(image/county.png) repeat-y 0 0; padding:8px 0 6px 0}

.c_title{ width:568px; }
.c_title h2{border-bottom:2px solid #E7E7E7; font-size:14px;margin-bottom:8px;}
.c_title h2 span{ border-bottom:1px solid #C2C2C2; height:30px;background:url(image/countbg.png) no-repeat 0 0; overflow:hidden; text-indent:-999em; display:block;}
.c_title h2 span.s1{ background-position:0 -75px; width:206px;}
.c_title h2 span.s2{ background-position:0 -110px; width:138px;}
.c_title h2 span.s3{ background-position:0 -150px; width:156px;}
.c_title p{ font-size:12px; line-height:21px}
.tbox_w{ background:#fff; border-collapse:collapse;margin:12px 0 18px 34px}
.tbox_w td,.tbox_w th{ border:1px solid #333333;color:#6A5753; }
.tbox_w td{text-align:center; padding:5px 0 1px 0;}
.tbox_w th{ padding:5px 10px 1px 8px; text-align:left;}
.tbox_w tbody{ margin:15px 0 0 34px}

.tbox_y{ background:#FFFED5; border-collapse:collapse;margin:6px 0 10px 34px}
.tbox_y td,.tbox_y th{border:1px solid #BFBFBF; padding:5px 5px 5px 10px;color:#6A5753;}
.tbox_y th{ text-align:left; }
.tbox_y td{ text-align:center;}
.tbox_y caption{ font-size:12px}

/*notice-list*/
#notice-poplist{position:absolute;width:260px;z-index:200;top:34px;left:0;background:#FFFFFF;border:2px solid #EBE6C9;font-size:12px;overflow:hidden;zoom:1;padding:4px 15px;}
#notice-poplist li{float:none;line-height:21px;height:auto;color:#333;font-weight:normal;}
#notice-poplist:after,#notice-poplist li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#notice-poplist li{zoom:1;overflow:hidden;float:left;padding:0;}
#notice-poplist li img{float:left;margin:9px 9px 0 -16px;}
#notice-poplist li p{float:left;border-bottom:1px solid #BFBFBF;width:258px;padding:5px 0;}
#notice-poplist li.nb p{border-bottom:1px solid #fff;}
#notice-poplist li a{float:none;display:inline;height:auto;color:#255F9F;font-weight:normal;}
#notice-poplist li.more p{text-align:right;border-bottom:1px solid #fff;}

/*link */
#link .wbd{padding:13px 100px 40px 68px;}
#link .wbd h2.tit{ background:url(../../image/link/linkbg.png) no-repeat 0 0;height:46px;margin:0 0 6px 0;}
#link .wbd strong.tit{font-size:14px;}
#link .wbd p{padding:30px 0 0 96px;}
#link .wbd p img{margin:6px 0 -3px;}
#link .wbd p span{line-height:21px;}
#link .wbd p strong b{color:#FF9600;}
#link .wbd p strong a{color:#c00;text-decoration:underline;}
/*linkgpop*/
#linkgpop .popbd{padding:6px 9px 0 14px;text-align:left;}
#linkgpop .popbd p{line-height:21px;padding:0 0 5px 0;text-indent:24px;}
#linkgpop .popbd select{padding:0;width:126px;line-height:21px;border:1px solid #7F9DB9;}
#linkgpop .popbd textarea{border:1px solid #CCCCCC;overflow:auto;padding:2px;width:300px;height:70px;}
#linkgpop .popbd div{padding:14px 0 0;}
#linkgpop .popbd div span{float:left;}
#linkgpop .popft{text-align:right;padding-right:32px;}
#linkgpop .popcont{padding-bottom:20px;}